<!-- 用户端搜索头部 -->
<style>
    #UL{  position: absolute;  background:rgba(0,0,0,0.4);  background-size: 100% 100%;  width: 40px;  padding: 2% 0 2% 0;  text-align: center;  display: block;
        z-index: 9;  font-size: 12px;  line-height: 18px;  padding: 3px 0;  top:28px;  border-radius: 2px;  }
    li>a{  color:white;  }
    .selected>a{  color: white;  }
    header {  width: 100%;  height: 50px;  position: relative;  text-align: center;  background: white;  }
    .header_search{  width: 94%;  margin: 0px auto;  padding-top: 10px;  }
    .back_up{  display: table-cell;  padding-right: 28px;  position: relative;  }
    .back_up img{  width: 11px;  height: 19px;  position: absolute;  top:50%;  margin-top: -9.5px;  left:0;  }
    .header_cate{  width: 100%;  display: table-cell;  background: #F6F6F6;  border-radius: 6px;  font-size: 12px;  line-height: 26px;  }
    .header_cate table{  width: 100%;  border-radius: 4px;  }
    .header_cate .group{ width:50px;  }
    .header_cate .group select{  width: 60px;  text-align: center;  background: none;  border: none;  font-size: 14px;  line-height: 30px;
        height: 30px;  color: #333;  outline: none;  }
    .header_cate .group select option{  outline: none;  border: none;  background: transparent;  padding: 0;  color: #333;  -webkit-appearance: none;  }
    .header_cate .text input{  display: block;  width: 100%;  background: none;  border: none;  outline: none;  font-size: 12px;  color:#333;  text-indent: 10px;  }
    .header_cate .text input::-webkit-input-placeholder{  color:#333;  }
    .header_search label{  display: table-cell;  padding-left: 15px;  font-size: 14px;  line-height: 30px;  color: #333;  margin-bottom: 0;  font-weight: normal;  }
    .header_search label span{  display: block;  width: 30px;  float: right;  }
</style>
<script>
</script>
<body>
<div class="wrap-type1">
    <header>
        <div class="header_search">

            {if condition="input('?type')"}
            <a   class="back_up"><img src="__STATIC__/img_user/back.png" class="back" onclick=window.location.href="{:url('mobile/user_category/search')}"></a>
            {else/}
                <a   class="back_up"><img src="__STATIC__/img_user/back.png" class="back" onclick=window.location.href="{:url('mobile/user_category/index')}?cate_id=recommend"></a>
            {/if}

            <!--<a href="#"  class="back_up"><img src="__STATIC__/img/back.png"></a>-->
            <div class="header_cate">
                <table border="0" class="left">
                    <tr>
                        <td class="group" style="position: relative;">
                            <p onclick="toggle_type()">
                                <span style="color: #A4A4A4;" id="search">{eq name=":input('type',1)" value='1'}商品{else/}店铺{/eq}</span>
                                <img src="__STATIC__/img_user/fl-xiatubiao.png"  style="transform: scale(0.8);">
                            </p>
                            <ul  id="UL" style="display: none;">
                                <input type="hidden" id="result" {eq name=":input('type',1)" value='1'}value="1"{else/}value="2"{/eq} />
                                <li class="ys selected"><a href="javascript:change(1);" id="order_id">宝贝</a></li>
                                <li class="ys" ><a href="javascript:change(2);" id="title_id">店铺</a></li>
                            </ul>
                        </td>
                        <td class="text"><input type="text" placeholder="搜索关键字" id="keyword"  value="{:input('search','')}" onfocus="$('#UL').css({'display':'none'})"></td>
                    </tr>
                </table>
            </div>
            <label><span onclick="search_head();">搜索</span></label>
        </div>
    </header>